<template>
  <view>
    <navigator url="/packageA/pages/cat/cat">分包A页面</navigator>
    <navigator url="/packageB/pages/good/good">商品</navigator>
    <navigator url="/pages/selector-query/selector-query">节点查询</navigator>
    <navigator url="/pages/form/form">表单校验</navigator>
    <uni-badge text="1"></uni-badge>
    <uni-badge text="2" type="success"></uni-badge>
    <uni-badge text="3" type="primary" :inverted="true"></uni-badge>
  </view>
</template>

<script setup>
  // export default {
  //   onLoad() {
  //     console.log('页面加载onLoad 场景:获取页面参数，只需要发送一次请求')
  //   },
  //   onShow() {
  //     console.log(
  //       '页面加载onShow 场景:在其他页面添加商品，切换到购物车的时候，需要加载新的数据'
  //     )
  //   },
  //   onHide() {
  //     console.log('页面隐藏')
  //   },
  //   onReady() {
  //     console.log('页面渲染完成')
  //   },
  // }
  // 组合式API
  import { onLoad, onShow } from '@dcloudio/uni-app'
  import { onMounted } from 'vue'
  onLoad(() => {
    console.log('页面加载-onLoad222')
  })

  onShow(() => {
    console.log('页面显示-onShow22222')
  })
  onMounted(() => {
    console.log('vue生命周期-挂载完成')
  })
</script>

<style></style>
